---
type: tutorial
title: Faça deploy do seu site para a web
description: |-
  Tutorial: Construa seu primeiro blog Astro —
  Conecte o seu repositório no GitHub do seu projeto do tutorial com a Netlify e faça deploy para a web
i18nReady: true
---
import Badge from '~/components/Badge.astro';
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';



<PreCheck>
  - Adicionar seu repositório do GitHub como um novo aplicativo na Netlify
  - Fzer deploy do seu site Astro para a web
</PreCheck>

Aqui, você irá conectar seu repositório do GitHub com a Netlify. Netlify irá usar esse projeto para fazer build e deploy do seu site ao vivo na web toda vez que você fizer commit de uma mudança no seu código. 

:::tip[Nós utilizaremos...]
Este tutorial irá utilizar **Netlify**, porém você está livre para utilizar seu serviço de hospedagem preferido para fazer deploy do seu site para a internet.
:::

## Crie um novo site Netlify

1. Crie uma conta gratuita em [Netlify](https://netlify.com) se você já não a tiver.

    Anote o seu nome de usuário. Você irá ver seu painel de controle e quaisquer sites que criou em `https://app.netlify.com/teams/nome`

2. Clique em <kbd>Add new site</kbd> > <kbd>Import an existing project</kbd>.

    Você será questionado a conectar com um provedor Git. Escolha o GitHub e siga os passos na tela para autenticar sua conta do GitHub. Então, escolha o repositório do GitHub do seu projeto Astro pela lista fornecida.

3. Na última etapa, Netlify irá te mostrar as opções do site do seu aplicativo. As opções padrões devem estar corretas para seu projeto Astro, então você pode rolar para baixo e clicar em <kbd>Deploy site</kbd>.

Parabéns, você tem um site Astro!

## Mude o nome do seu projeto

Na página de visão geral do seu site na Netlify, você irá ver o nome gerado randomicamente do projeto, e a URL do seu website no molde `https://nome-projeto-123456.netlify.app`. Você pode mudar o nome do seu projeto para algo mais memorável, e sua URL será automaticamente atualizada.

## Visite seu novo website

Clique na URL nas opções do seu site, ou o digite numa aba de navegador para ver o seu novo website.



<Box icon="question-mark">

### Teste seu conhecimento



Você quer atualizar a página inicial do seu projeto existente. Quais etapas você segue?

  <MultipleChoice>
    <Option>
      Eu abro um terminal, executo `create astro` e então visito minha URL da Netlify.
    </Option>
    <Option>
      Eu mudo uma opção no meu aplicativo da Netlify, e então faço fork de um novo projeto Astro no StackBlitz.
    </Option>
    <Option isCorrect>
      Eu faço uma mudança em `index.astro`. Faço commit e push das minhas mudanças ao GitHub. Netlify vai lidar com o resto!
    </Option>
  </MultipleChoice>
 </Box>

<Box icon="check-list">
## Checklist

<Checklist>
- [ ] Eu posso ver meu website atualizado online.
- [ ] Estou pronto para voltar a codificar!
</Checklist>
</Box>

### Recursos

- <p>[Um guia passo a passo em como fazer deploy na Netlify](https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/) <Badge>externo</Badge></p>
